<!--
此文件为开发者工具生成，生成时间: 2021/11/28 下午2:41:35
使用方法：
在 D:\git\毕业设计\毕业设计\毕业设计\uniapp_shop-master\unpackage\dist\dev\mp-weixin\pages\tabBar\category.wxml 引入模板

```
<import src="category.skeleton.wxml"/>
<template is="skeleton" wx-if="{{loading}}" />
```

在 D:\git\毕业设计\毕业设计\毕业设计\uniapp_shop-master\unpackage\dist\dev\mp-weixin\pages\tabBar\category.wxss 中引入样式
```
@import "./category.skeleton.wxss";
```

更多详细信息可以参考文档：https://developers.weixin.qq.com/miniprogram/dev/devtools/skeleton.html
-->
<template name="skeleton">
  <view class="sk-container">
    <view>
      <view class="status" style="position:fixed;"></view>
      <view class="header" style="position:fixed;">
        <view class="addr sk-transparent" data-event-opts="tap,getRegeo">
          <view class="icon location sk-pseudo sk-pseudo-circle"></view>天门</view>
        <view class="input-box" data-event-opts="tap,toSearch">
          <view placeholder="默认关键字" placeholder-style="color:#c0c0c0;" class="sk-image"></view>
          <view class="icon search sk-pseudo sk-pseudo-circle"></view>
        </view>
        <view class="icon-btn">
          <view class="icon tongzhi sk-pseudo sk-pseudo-circle" data-event-opts="tap,toMsg,$event"></view>
        </view>
      </view>
      <view class="place"></view>
      <view class="category-list">
        <scroll-view class="left" scroll-y="true">
          <view class="row on" data-event-opts="tap,showCategory,0">
            <view class="text sk-transparent">
              <view class="block"></view>诊断检测类</view>
          </view>
          <view class="row" data-event-opts="tap,showCategory,1">
            <view class="text sk-transparent">
              <view class="block"></view>治疗器具类</view>
          </view>
          <view class="row" data-event-opts="tap,showCategory,2">
            <view class="text sk-transparent">
              <view class="block"></view>保健康复类</view>
          </view>
        </scroll-view>
        <scroll-view class="right" scroll-y="true">
          <view class="category">
            <view class="banner">
              <image class="sk-image"></image>
            </view>
            <view class="list">
              <view class="box" data-event-opts="tap,toCategory,$0,categoryList,id,1,list,,0">
                <image class="sk-image"></image>
                <view class="text sk-transparent sk-text-14-2857-733 sk-text">中医医用诊疗系统</view>
              </view>
              <view class="box" data-event-opts="tap,toCategory,$0,categoryList,id,1,list,,1">
                <image class="sk-image"></image>
                <view class="text sk-transparent sk-text-14-2857-839 sk-text">体温计</view>
              </view>
              <view class="box" data-event-opts="tap,toCategory,$0,categoryList,id,1,list,,2">
                <image class="sk-image"></image>
                <view class="text sk-transparent sk-text-14-2857-313 sk-text">医用血氧仪</view>
              </view>
              <view class="box" data-event-opts="tap,toCategory,$0,categoryList,id,1,list,,3">
                <image class="sk-image"></image>
                <view class="text sk-transparent sk-text-14-2857-258 sk-text">家用血氧仪</view>
              </view>
              <view class="box" data-event-opts="tap,toCategory,$0,categoryList,id,1,list,,4">
                <image class="sk-image"></image>
                <view class="text sk-transparent sk-text-14-2857-652 sk-text">心电监测仪</view>
              </view>
              <view class="box" data-event-opts="tap,toCategory,$0,categoryList,id,1,list,,5">
                <image class="sk-image"></image>
                <view class="text sk-transparent sk-text-14-2857-465 sk-text">欧姆龙礼盒装产品</view>
              </view>
              <view class="box" data-event-opts="tap,toCategory,$0,categoryList,id,1,list,,6">
                <image class="sk-image"></image>
                <view class="text sk-transparent sk-text-14-2857-341 sk-text">胎心仪</view>
              </view>
              <view class="box" data-event-opts="tap,toCategory,$0,categoryList,id,1,list,,7">
                <image class="sk-image"></image>
                <view class="text sk-transparent sk-text-14-2857-117 sk-text">脂肪测量器</view>
              </view>
              <view class="box" data-event-opts="tap,toCategory,$0,categoryList,id,1,list,,8">
                <image class="sk-image"></image>
                <view class="text sk-transparent sk-text-14-2857-951 sk-text">血压计</view>
              </view>
              <view class="box" data-event-opts="tap,toCategory,$0,categoryList,id,1,list,,9">
                <image class="sk-image"></image>
                <view class="text sk-transparent sk-text-14-2857-114 sk-text">血氧仪</view>
              </view>
              <view class="box" data-event-opts="tap,toCategory,$0,categoryList,id,1,list,,10">
                <image class="sk-image"></image>
                <view class="text sk-transparent sk-text-14-2857-505 sk-text">血糖仪</view>
              </view>
              <view class="box" data-event-opts="tap,toCategory,$0,categoryList,id,1,list,,11">
                <image class="sk-image"></image>
                <view class="text sk-transparent sk-text-14-2857-838 sk-text">血糖仪试纸</view>
              </view>
            </view>
          </view>
        </scroll-view>
      </view>
    </view>
  </view>
</template>

<script>
</script>

<style>
	/*
	此文件为开发者工具生成，生成时间: 2021/11/28 下午2:41:35
	
	在 D:\git\毕业设计\毕业设计\毕业设计\uniapp_shop-master\unpackage\dist\dev\mp-weixin\pages\tabBar\category.wxss 中引入样式
	```
	@import "./category.skeleton.wxss";
	```
	
	更多详细信息可以参考文档：https://developers.weixin.qq.com/miniprogram/dev/devtools/skeleton.html
	*/
	.sk-transparent {
	    color: transparent !important;
	  }
	.sk-text-14-2857-733 {
	    background-image: linear-gradient(transparent 14.2857%, #EEEEEE 0%, #EEEEEE 85.7143%, transparent 0%) !important;
	    background-size: 100% 29.5313rpx;
	    position: relative !important;
	  }
	.sk-text {
	    background-origin: content-box !important;
	    background-clip: content-box !important;
	    background-color: transparent !important;
	    color: transparent !important;
	    background-repeat: repeat-y !important;
	  }
	.sk-text-14-2857-839 {
	    background-image: linear-gradient(transparent 14.2857%, #EEEEEE 0%, #EEEEEE 85.7143%, transparent 0%) !important;
	    background-size: 100% 29.5313rpx;
	    position: relative !important;
	  }
	.sk-text-14-2857-313 {
	    background-image: linear-gradient(transparent 14.2857%, #EEEEEE 0%, #EEEEEE 85.7143%, transparent 0%) !important;
	    background-size: 100% 29.5313rpx;
	    position: relative !important;
	  }
	.sk-text-14-2857-258 {
	    background-image: linear-gradient(transparent 14.2857%, #EEEEEE 0%, #EEEEEE 85.7143%, transparent 0%) !important;
	    background-size: 100% 29.5313rpx;
	    position: relative !important;
	  }
	.sk-text-14-2857-652 {
	    background-image: linear-gradient(transparent 14.2857%, #EEEEEE 0%, #EEEEEE 85.7143%, transparent 0%) !important;
	    background-size: 100% 29.5313rpx;
	    position: relative !important;
	  }
	.sk-text-14-2857-465 {
	    background-image: linear-gradient(transparent 14.2857%, #EEEEEE 0%, #EEEEEE 85.7143%, transparent 0%) !important;
	    background-size: 100% 29.5313rpx;
	    position: relative !important;
	  }
	.sk-text-14-2857-341 {
	    background-image: linear-gradient(transparent 14.2857%, #EEEEEE 0%, #EEEEEE 85.7143%, transparent 0%) !important;
	    background-size: 100% 29.5313rpx;
	    position: relative !important;
	  }
	.sk-text-14-2857-117 {
	    background-image: linear-gradient(transparent 14.2857%, #EEEEEE 0%, #EEEEEE 85.7143%, transparent 0%) !important;
	    background-size: 100% 29.5313rpx;
	    position: relative !important;
	  }
	.sk-text-14-2857-951 {
	    background-image: linear-gradient(transparent 14.2857%, #EEEEEE 0%, #EEEEEE 85.7143%, transparent 0%) !important;
	    background-size: 100% 29.5313rpx;
	    position: relative !important;
	  }
	.sk-text-14-2857-114 {
	    background-image: linear-gradient(transparent 14.2857%, #EEEEEE 0%, #EEEEEE 85.7143%, transparent 0%) !important;
	    background-size: 100% 29.5313rpx;
	    position: relative !important;
	  }
	.sk-text-14-2857-505 {
	    background-image: linear-gradient(transparent 14.2857%, #EEEEEE 0%, #EEEEEE 85.7143%, transparent 0%) !important;
	    background-size: 100% 29.5313rpx;
	    position: relative !important;
	  }
	.sk-text-14-2857-838 {
	    background-image: linear-gradient(transparent 14.2857%, #EEEEEE 0%, #EEEEEE 85.7143%, transparent 0%) !important;
	    background-size: 100% 29.5313rpx;
	    position: relative !important;
	  }
	.banner{
		box-shadow: 0 0 !important;
	}
	.sk-image {
	    background: #EFEFEF !important;
	  }
	.sk-pseudo::before, .sk-pseudo::after {
	      background: #EFEFEF !important;
	      background-image: none !important;
	      color: transparent !important;
	      border-color: transparent !important;
	    }
	.sk-pseudo-rect::before, .sk-pseudo-rect::after {
	      border-radius: 0 !important;
	    }
	.sk-pseudo-circle::before, .sk-pseudo-circle::after {
	      border-radius: 50% !important;
	    }
	.sk-container {
	    position: absolute;
	    left: 0;
	    top: 0;
	    width: 100%;
	    height: 100%;
	    overflow: hidden;
	    background-color: transparent;
	  }

</style>
